<template>
	<view>
		<view class="view1 flex-row-flex-start">
			<image class="head" src="/static/my/head.png" mode=""></image>
			<view class="phone">
				15538563271
			</view>
		</view>
		
			<view v-for="(item,index) in list" :key="index">
				<view class="item1">
					<view v-for="(item1,index1) in item" :key="index1">
						<view v-if="index1" class="line">
							
						</view>
						<view class="item2 flex-row-space-between">
							<view class="name">
								{{item1.name}}
							</view>
							
							<uni-icons type="right" size="20"></uni-icons>
						</view>
					</view>
				</view>
			</view>
		
		
		<view class="fixed-bottom" style="background-color: #fff;">
			<view class="button flex-column-center">
				设置
			</view>
		</view>
	</view>
</template>

<script>
	import {
		mapActions,
		mapState
	} from "vuex";
	import {
		forum_list,
	} from '@/api/index.js'
	export default {
		components: {},
		computed: {

		},
		data() {
			return {
				list: [
					[{
							name: '账号密码',
							url: ''
						},
						{
							name: '账号密码',
							url: ''
						},
						
					],
					
					[{
							name: '地址管理',
							url: ''
						},
						{
							name: '银行卡管理',
							url: ''
						},
						
					],
					[{
							name: '常见问题',
							url: ''
						},
						{
							name: '银行卡管理',
							url: ''
						},
						{
							name: '关于我们',
							url: ''
						},
						
					]
				],
				data: {}

			}
		},
		computed: {
			...mapState([
				'baseColor'
			]),
		},
		onShow() {

		},
		onLoad(e) {
			// this.loadData()
		},
		//下拉刷新
		onPullDownRefresh() {


		},
		//加载更多
		onReachBottom() {

		},
		onPageScroll(e) {
			// if (e.scrollTop > 20) {
			// 	this.backgroundColor = "#FBF9FF"
			// } else {
			// 	this.backgroundColor = "#ffffff00"
			// }
		},
		methods: {
			loadData() {

				var data = {
					id: this.id
				}
				forum_list(data).then(res => {
					this.list = res.data.data
				})
			},

		}
	}
</script>

<style lang="scss">
	.view1 {
		padding: 0 32rpx;
		margin: 30rpx;
		height: 130rpx;
		background: #FFFFFF;
		border-radius: 12rpx 12rpx 12rpx 12rpx;
	}

	.head {

		width: 87rpx;
		height: 87rpx;
		// background: #949FDD;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
	}

	.phone {
		margin-left: 20rpx;
		font-family: SimHei, SimHei;
		font-weight: 400;
		font-size: 28rpx;
		color: #171514;
	}
	.item1{
		padding: 0 28rpx;
		margin: 30rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 3rpx 6rpx 1rpx rgba(204,204,204,0.16);
		border-radius: 12rpx 12rpx 12rpx 12rpx;
	}
	.item2{
		height: 108rpx;
	}
	.name{
		font-weight: 400;
		font-size: 28rpx;
		color: #171514;
	}

	.button {
		height: 92rpx;
		margin: 30rpx;
		background: linear-gradient(88deg, #FA3819 0%, #F5620D 100%);
		box-shadow: 0rpx 5rpx 13rpx 1rpx rgba(245, 98, 13, 0.37);
		border-radius: 9rpx;
		font-weight: normal;
		font-size: 32rpx;
		color: #FFFFFF;
	}
</style>